کد زیبای افکت css

کد زیبای افکت css

رزرو تبلیغــات

تعرفه تبلیغات
logo
تعرفه تبلیغات تعرفه تبلیغات

شمـا میتوانیــد برای دریافت آخرین مطالب و آگاهی از آخریـن اخبــار گلریـز وبـــ در ایمیـــل خـود در خبــرنامـه ثـبت نـام کنــید

http://s3.picofile.com/file/8218582792/4543.PNG

کدphp:

<a href="ymsgr:addfriend?sina_yek2se"><svg viewBox="0 0 800 600">
<symbol id="s-text">
<a href="ymsgr:addfriend?sina_yek2se"><text text-anchor="middle"
x="50%"
y="35%"
class="text--line"
>
s1i2n3a4
</text>
<a href="ymsgr:addfriend?sina_yek2se"><text text-anchor="middle"
x="50%"
y="68%"
class="text--line2"
>
etclub.ir
</text>

</symbol>

<g class="g-ants">
<use xlink:href="#s-text"
class="text-copy"></use>
<use xlink:href="#s-text"
class="text-copy"></use>
<use xlink:href="#s-text"
class="text-copy"></use>
<use xlink:href="#s-text"
class="text-copy"></use>
<use xlink:href="#s-text"
class="text-copy"></use>
</g>


</svg>
<style>
HTML, BODY {
height: 100%;
}

BODY {
background: #082330;
background-size: .12em 100%;
font: 16em/1 Arial;
}
/*Codd By sina_yek2se@yahoo.com*/
.text--line {
font-size: .5em;
}

svg {
position: absolute;
width: 100%;
height: 100%;
}

.text-copy {
fill: none;
stroke: white;
stroke-dasharray: 7% 28%;
stroke-width: 3px;
-webkit-animation: stroke-offset 9s infinite linear;
animation: stroke-offset 9s infinite linear;
}
.text-copy:nth-child(1) {
stroke: #360745;
stroke-dashoffset: 7%;
}
.text-copy:nth-child(2) {
stroke: #D61C59;
stroke-dashoffset: 14%;
}
.text-copy:nth-child(3) {
stroke: #E7D84B;
stroke-dashoffset: 21%;
}
.text-copy:nth-child(4) {
stroke: #EFEAC5;
stroke-dashoffset: 28%;
}
.text-copy:nth-child(5) {
stroke: #1B8798;
stroke-dashoffset: 35%;
}

@-webkit-keyframes stroke-offset {
50% {
stroke-dashoffset: 35%;
stroke-dasharray: 0 87.5%;
}
}

@keyframes stroke-offset {
50% {
stroke-dashoffset: 35%;
stroke-dasharray: 0 87.5%;
}
}
/*Codd By sina_yek2se@yahoo.com*/
</style>

 


طراحی چت روم


بازدید : 8634 | تاریخ : پنج شنبه 30 / 7 / 1394 ساعت : 14:43 |
نظرات
حسین
حسین در تاریخ 1394/8/1/5 و 8:45 گفته :
جالب بود مرسی
!
! در تاریخ 1394/8/1/s1i2n3a4 و 8:35 گفته :
یه شات بزار لطفا !
پاسخ:گذاشته شده
Arman
Arman در تاریخ 1394/7/30/s1i2n3a4 و 19:53 گفته :
این چیه !؟
پاسخ:افکت برای زیبا سازی صفحه
حسین
حسین در تاریخ 1394/7/30/4 و 15:19 گفته :
لطفاً توضیح بده این کد رو کجا بزاریم؟ کار این چیه کد چی هست؟
پاسخ:
برای دیدن نظرات بیشتر روی شماره صفحات در زیر کلیک کنید
نام
آدرس ایمیل
وب سایت/بلاگ
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

آپلود عکس دلخواه: